<template>
  <!-- 种子线包装 -->
  <div class="box">
    <div class="kanban" v-for="(list,index) in stnList">
      <router-link
        tag="a" target="_blank"
        :to="{name:list.routeName}"
        style="color: #237ae4"
        class="el-icon-magic-stick"
      >{{ list.des }}
      </router-link>
    </div>
  </div>
</template>

<script>
import '@/assets/less/TableExpand.less'
import { getAction } from '@api/manage'
import { SYS_BUTTON_AUTH } from '@/store/mutation-types'

export default {
  name: 'MesProdDetectionPage',
  data() {
    return {
      qualityList: [
        {
          routeName: 'LineScreen',
          des: '质量看板'
        }
      ],
      url: '/basic/mesLineStnCfg/queryManualList',
      allAuthList: []
    }
  },
  created() {
    this.allAuthList = JSON.parse(sessionStorage.getItem(SYS_BUTTON_AUTH) || '[]')
  },
  methods: {}
}
</script>

<style scoped>
.kanban {
  display: inline-block;
  width: 330px;
  /*height: 50px;*/
  font-size: 20px;
  line-height: 45px;
  color: #237ae4;
  text-align: center;
  /*margin-left: 120px;*/
  /*float: left;*/
  margin-left: 50px;
  margin-top: 10px;
  /*display: inline-block;*/
  font-weight: 700;
  background-color: white;
  border-radius: 5px;
  border: #FFC0CB solid 1px;
}

.kanban2 {
  display: inline-block;
  width: 330px;
  /*height: 50px;*/
  font-size: 20px;
  line-height: 45px;
  color: #237ae4;
  text-align: center;
  /*margin-left: 120px;*/
  /*float: left;*/
  margin-left: 50px;
  margin-top: 10px;
  /*display: inline-block;*/
  font-weight: 700;
  background-color: white;
  border-radius: 5px;
  border: #FFC0CB solid 1px;
}

/deep/ .el-card__body {
  width: 100%;
  overflow: hidden;
}

.box {
  float: left;
}

.box:nth-child(1) {
  margin-left: 250px;
}
</style>